<%@page contentType="text/html; charset=UTF-8" %>
<html>
<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

    <style type="text/css">

        td,th{
            text-align: center;
        }

        body {
            background-color: #f0ece9;
        }

        header {
            display: flex;
            flex-flow: row nowrap;
            justify-content: space-between;
        }
        header h1 {
            color: #9a9897;
        }

        header hr {
            margin: 20px 20px 0;
            background-color: #bc9470;
            border: 2px solid #bc9470;
            width: 30%;
            height: 0;
        }
        span
        {
            float: left;
            margin-left: 50px;
            margin-top: 50px;
            width: 220px;
            height: 480px;
            border: 3px solid #b4aea9;;
        }
        a:link
        {
            color:black;
            font-size: 30px;
            font-family: Arial;
        }
        a:hover
        {
            color: red;
        }
        a
        {
            margin-left: 20px;
        }
        .first
        {
            width: 1200px;
            height: 550px;
            border: 1.5px solid #b4aea9;
            margin-left: 300px;
            margin-top: 34px;
            padding-left: 20px;
        }
        p
        {
            color: navy;
            font-size: 25px;
            font-family: Arial;
        }
    </style>
</head>
<body>
<header>
    <hr/>

    <h1 align="center" >订单信息管理系统</h1>
    <hr/>
</header>
<div>

            <span>
                <br><br><a href="/freshdata">订单管理</a><br><br><br>
                <a href="input9.jsp">订单信息录入</a><br><br><br>
                <a href="/history">历史订单</a><br><br><br>
                <a href="login9.jsp">退出登录</a><br>
            </span>
</div>
<div class="first">
    <header>
        <hr/>

        <h3 align="center" style="color: #9a9897;">订单信息输入</h3>
        <hr/>
    </header>
    <br><br>
    <div align="center">
        <form class="form-inline" action="/add" method="get">

            <div class="form-group">
                <label>订单ID</label>&nbsp;  &nbsp;  &nbsp;  &nbsp;
                <input type="telephone" class="form-control" name="id" required pattern="^\d{3}$">
            </div><br><br>


            <div class="form-group">
                <label>商品名字</label> &nbsp;  &nbsp;
                <input type="text" class="form-control" name="name" required pattern="^[A-Za-z]+$">
            </div><br><br>



            <div class="form-group">
                <label>商品价格</label> &nbsp; &nbsp;
                <input type="telephone" class="form-control" name="price" >
            </div><br><br>

            <div class="form-group">
                <label>时间</label>&nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp; &nbsp;
                <input type="telephone" class="form-control" name="time" required pattern="^[0-9]{1,8}$">
            </div><br><br>

            <div class="form-group">
                <label>商品状态</label>&nbsp;  &nbsp;  &nbsp;
                <select id="group" class="form-control" name="status" placeholder="请选择">
                    <option value="0" > 请选择 </option>
                    <option value="1">  Y </option>
                    <option value="2">  N </option>
                </select>
            </div><br><br>

            <button type="submit" class="btn btn-primary" >导入</button>
            <button type="reset" class="btn btn-warning">重置</button>

        </form>
    </div>
 </body>
</html>